<!-- 二手房 -->
<template>
<view class="wrap">
	<u-row gutter="16" justify="center" align="top" @click="clickImage(1)">
		<u-col span="4">
			<u-image width="100%" height="207rpx" border-radius="10rpx" :src="src"></u-image>
		</u-col>
		<u-col span="8">
			<view>
				<label class="house-name">  
				  <u-tag text="人气好房" type="error" mode="dark" size="mini" style="margin-right: 10rpx;"/>
				  美的林城时代（北区）98.80平128万3室2厅1卫
				</label>
				<view style="margin: 7rpx 0;">
					<view class="house_pq">南北</view>
					<view class="house_pq">满二年</view>
					<view class="house_pq">近地铁</view>
					<view class="house_pq">多人关注</view>
				</view>
				<view style="font-size: 26rpx;">
					<label style="font-weight: bold;">望谟&nbsp;&nbsp;&nbsp;天主堂附近</label>
				</view>
				<view style="margin-top: 10rpx;">
					<label style="font-weight: bold;color: red;font-size: 39rpx;">140<text style="font-size: 26rpx;">万</text></label>
					<label style="font-weight: bold;font-size: 26rpx;margin-left: 20rpx;">3室2厅&nbsp;&nbsp;&nbsp;&nbsp;114.9m²</label>
				</view>
			</view>	
		</u-col>
		<u-col span="12"><view style="margin: 1.5rem 0;"><u-line color="#ccc"/></view></u-col>
	</u-row>
	
	<u-row gutter="16" justify="center" align="top" @click="clickImage(1)">
		<u-col span="4">
			<u-image width="100%" height="207rpx" border-radius="10rpx" :src="src"></u-image>
		</u-col>
		<u-col span="8">
			<view>
				<label class="house-name">  
				  <u-tag text="人气好房" type="error" mode="dark" size="mini" style="margin-right: 10rpx;"/>
				  满五 纯毛胚4房2卫185万带车位 接受贷款楼下地铁口
				</label>
				<view style="margin: 7rpx 0;">
					<view class="house_pq">南北</view>
					<view class="house_pq">满五年</view>
					<view class="house_pq">近地铁</view>
					<view class="house_pq">多人关注</view>
				</view>
				<view style="font-size: 26rpx;">
					<label style="font-weight: bold;">望谟&nbsp;&nbsp;&nbsp;二中附近</label>
				</view>
				<view style="margin-top: 10rpx;">
					<label style="font-weight: bold;color: red;font-size: 39rpx;">185<text style="font-size: 26rpx;">万</text></label>
					<label style="font-weight: bold;font-size: 26rpx;margin-left: 20rpx;">4室2厅&nbsp;&nbsp;&nbsp;&nbsp;144.2m²</label>
				</view>
			</view>	
		</u-col>
		<u-col span="12"><view style="margin: 1.5rem 0;"><u-line color="#ccc"/></view></u-col>
	</u-row>
	
	<u-row gutter="16" justify="center" align="top" @click="clickImage(1)">
		<u-col span="4">
			<u-image width="100%" height="207rpx" border-radius="10rpx" :src="src"></u-image>
		</u-col>
		<u-col span="8">
			<view>
				<label class="house-name">  
				  <u-tag text="人气好房" type="error" mode="dark" size="mini" style="margin-right: 10rpx;"/>
				  美的林城时代（北区）98.80平128万3室2厅1卫
				</label>
				<view style="margin: 7rpx 0;">
					<view class="house_pq">南北</view>
					<view class="house_pq">满二年</view>
					<view class="house_pq">近地铁</view>
					<view class="house_pq">多人关注</view>
				</view>
				<view style="font-size: 26rpx;">
					<label style="font-weight: bold;">望谟&nbsp;&nbsp;&nbsp;书香华府</label>
				</view>
				<view style="margin-top: 10rpx;">
					<label style="font-weight: bold;color: red;font-size: 39rpx;">140<text style="font-size: 26rpx;">万</text></label>
					<label style="font-weight: bold;font-size: 26rpx;margin-left: 20px;">3室2厅&nbsp;&nbsp;&nbsp;&nbsp;114.9m²</label>
				</view>
			</view>	
		</u-col>
		<u-col span="12"><view style="margin: 1.5rem 0;"><u-line color="#ccc"/></view></u-col>
	</u-row>
	
</view>
</template>



<style lang="scss">
    .wrap {
		font:900 16px Pingfang SC;
		//font: 33rpx/1 Tahoma,Arial,'Microsoft YaHei','黑体','宋体',sans-serif;
        padding: 20px 12px;
    }
	.house-name{
		padding: 0;
		margin-top: -17rpx;
		line-height: 170%;overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;display:-webkit-box;
	}
	.house_pq{
	    display: inline-block;
	    text-align: center;
	    //border: 1px solid #18b9ff;
	    padding: 4rpx 9rpx;
	    margin: 10rpx 5rpx;
	    font-size: 26rpx;
		background-color: #f3f4f7;
		color: #888;
	}
</style>
<script>
	export default {
		data() {
			return {
				// 内容图片
				src: 'https://pic1.ajkimg.com/display/58ajk/fbb993153f8b52242a6b1b3b17b4b188/800x650.jpg',
			}
		},
		methods: {
			clickImage(houseId) {
				this.$u.route({
					url: '/pages/detail/detail',
					params: {
						houseId: houseId
					}
				})
			}
		}
	}
</script>
						<label style="font-weight: bold;color: red;font-size: 39rpx;">140<text style="font-size: 12px;">万</text></label>
